<template>
	<view class="classLayout pageBg">
		<custom-nav-bar title="分类"></custom-nav-bar>
		
		<view class="classify">
			<theme-item v-for="item in 10"></theme-item>
		</view>
	</view>
</template>

<script setup>
import customNavBarVue from '../../components/custom-nav-bar/custom-nav-bar.vue';
import themeItem from '../../components/theme-item/theme-item.vue';
</script>

<style lang="scss">
.classLayout {
	.classify {
		padding: 0 30rpx;
		display: grid;
		gap: 15rpx;
		grid-template-columns: repeat(3, 1fr);
	}
}
</style>
